<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ include file="/WEB-INF/component/commonTagLib.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <title><spring:message code="message.jieSuan.jieSuanDan"/><spring:message code="message.jqGrid.cz.xiangQing"/></title>
    <%@ include file="/WEB-INF/component/commonCSS.jsp"%>
    <style type="text/css">
        div.group-info {
            margin-top: 10px !important;
            margin-bottom: 0px !important;
        }
        input.innerInput {
            width: 98%;
        }
    </style>
</head>
<body class="skin-blue sidebar-mini fixed skin-blue-light-frame">
    <section class="content-header">
        <h1><spring:message code="message.jieSuan.jieSuanDan"/><spring:message code="message.jqGrid.cz.xiangQing"/></h1>
        <ol class="breadcrumb">
            <li><a href="${ctx }/home.jsp"><i class="fa fa-home"></i><spring:message code="message.lable.first"/></a></li>
            <li class="active"><a href="#"><spring:message code="message.jieSuan.jieSuanDan"/><spring:message code="message.jieSuan.guanLi"/></a></li>
            <li class="active"><a href="#"><spring:message code="message.jieSuan.jieSuanDan"/><spring:message code="message.button.look"/></a></li>
        </ol>
     </section>
     
     <section class="content" style="min-height:inherit;">
          <form id="form" class="form-horizontal"  method="post">
            <input type="hidden" name=settlementId value="${info.settlementId}" />
            
	        <div class="box box-success" style="margin-bottom: 0px;padding-bottom: 10px;">
	           <div class="form-group form-group-xs group-info">
	                 <label for="inputTextAlter1" class="col-sm-2 text-right"><spring:message code="message.jieSuan.jieSuanDan"/><spring:message code="message.yanZheng.bianMa"/><spring:message code="message.yanZheng.maoHao"/></label>
	                 <div class="col-sm-4 text-left" >${info.settlementCode}</div>
	                 <label for="inputTextAlter2" class="col-sm-2 text-right"><spring:message code="message.jieSuan.jieSuanDan"/><spring:message code="message.listForm.mingCheng"/><spring:message code="message.yanZheng.maoHao"/></label>
	                 <div id="orgName" class="col-sm-4 text-left">${info.settlementName}</div>
	            </div>
	             
	            <div class="form-group form-group-xs group-info">
                     <label for="inputTextAlter1" class="col-sm-2 text-right"><spring:message code="message.jieSuan.zongTiaoMuShu"/><spring:message code="message.yanZheng.maoHao"/></label>
                     <div id="outstandAmt" class="col-sm-4 text-left">${info.totalOrders}</div>
                     <label for="inputTextAlter2" class="col-sm-2 text-right"><spring:message code="message.jieSuan.zongJinE"/><spring:message code="message.yanZheng.maoHao"/></label>
                     <div id="availableAmt" class="col-sm-4 text-left">${info.totalAmount}</div>
                </div>
                
                <div class="form-group form-group-xs group-info">
                     <label for="inputTextAlter1" class="col-sm-2 text-right"><spring:message code="message.lable.remark"/><spring:message code="message.yanZheng.maoHao"/></label>
                     <div id="pendingAmt" class="col-sm-4 text-left">${info.remarks}</div>
                     <label for="inputTextAlter2" class="col-sm-2 text-right"><spring:message code="message.lable.status"/><spring:message code="message.yanZheng.maoHao"/></label>
                     <div id="pendingAmt" class="col-sm-4 text-left">${info.status}</div>
                </div> 
                
	        </div>
        </form>
     </section>
    
    
    <section class="content">
        <div class=" box box-success">
            <div class="box-body">
                <div class=" form-inline">
        
                    <div class="form-group form-group-xs">
                        <label for="name"><spring:message code="message.listForm.tongYongMing"/><spring:message code="message.yanZheng.maoHao"/></label>
                        <input class="form-control" type="text" id="drugName" placeholder="<spring:message code="message.listForm.tongYongMing"/>" maxlength="100" />
                    </div>
                    
			       <div class="form-group form-group-xs">
                        <label for="name"><spring:message code="message.listForm.yaoPinBianMa"/><spring:message code="message.yanZheng.maoHao"/></label>
                        <input class="form-control" type="text" id="drugCode" placeholder="<spring:message code="message.listForm.yaoPinBianMa"/>" maxlength="100" />
                    </div>
                    
                    <div class="form-group form-group-xs">
                        <label for="name"><spring:message code="message.listForm.shengChanQiYe"/><spring:message code="message.listForm.mingCheng"/><spring:message code="message.yanZheng.maoHao"/></label>
                        <input class="form-control" type="text" id="compName" placeholder="<spring:message code="message.listForm.shengChanQiYe"/><spring:message code="message.listForm.mingCheng"/>" maxlength="200" />
                    </div>
                    
                     <div class="form-group form-group-xs">
			            <spring:message code="message.jieSuan.zhiFuLeiXing"/><spring:message code="message.yanZheng.maoHao"/>
					<select class="form-control" id="bankAcctTransType" name="bankAcctTransType" >
						<option value=""><spring:message code="message.select.option"/></option>
						<option value="1"><spring:message code="message.jieSuan.caiGouDan"/></option>
						<option value="2"><spring:message code="message.jieSuan.tuiHuoDan"/></option>
					</select>
			       </div>
                   <button  id="selectWSJ"  type="button" onclick="gridSerch();" class="btn btn-success btn-sm"><spring:message code="message.button.seachSpacing"/></button>
                </div>
            </div>
        </div>
        
        <table class="jqgrid" id="gridlist"></table>
		<div id="gridpage"></div>
		<div class=" box box-warning bottongroup">
		  <a class="btn btn-default btn-sm" href="javascript:history.go(-1);"><spring:message code="message.button.getBackSpacing"/></a>
		</div>
   </section> 
    
   <%@ include file="/WEB-INF/component/commonJS.jsp"%>
   <script type="text/javascript">
   
   //加载页面光标在名字框内，位于第一个
   $("#drugName").focus();
   
 //绑定回车    id="selectWSJ"  
   $('#drugName,#drugCode,#compName,#bankAcctTransType').bind('keydown', function(event) {
       if (event.keyCode == "13") {        //13 位电脑上回车键的位置代码
           $('#selectWSJ').click();
       }
   }); 
   
		 $(function() {
			 
			 jQuery("#gridlist").jqGrid({
	    			url: "${ctx}/settlementFirst/getSetSettlementFirstDetailDataList.html?settlementId=${param.settlementId}",
	    		    mtype: "POST",
	    			datatype: "json",
	    			autowidth: true,
	    			shrinkToFit: false,
	    			height: 270,
	    		   	colNames:[ 
	    		   	           '<spring:message code="message.jieSuan.jieSuanDan"/>ID',
	    		   	           '<spring:message code="message.jieSuan.jieSuanDanMingXi"/>ID',
	    		   	           '<spring:message code="message.jieSuan.chuangJianRen"/>',
	    		   	           '<spring:message code="message.jieSuan.chuangJianShiJian"/>',
	    		   	           '<spring:message code="message.jieSuan.jieSuanLeiXing"/>',
	                          '<spring:message code="message.jieSuan.caiGouJia"/>',
	                          '<spring:message code="message.jieSuan.daoHuoShuLiang"/>',
	                          '<spring:message code="message.jieSuan.zongJinE"/>',
	                          '<spring:message code="message.model.peiSongQiYe"/>ID',
	                          '<spring:message code="message.model.peiSongQiYe"/>',
	                          '<spring:message code="message.listForm.yaoPinBianMa"/>',
	                           '<spring:message code="message.listForm.tongYongMing"/>',
	                          '<spring:message code="message.listForm.jiXing"/>',
	                          '<spring:message code="message.listForm.guiGe"/>',
	                          '<spring:message code="message.listForm.zhuanHuanXiShu"/>',
	                          '<spring:message code="message.listForm.baoZhuangDanWei"/>',
	                          '<spring:message code="message.listForm.caiZhi"/>',
	                          '<spring:message code="message.listForm.shengChanQiYe"/>'
	    		   	           ],
	    		   	colModel:[
						{ name: 'settlementId', width:160,hidden:true,align:"center" ,sortable:false},
						{ name: 'settlementDetailId', width:160,hidden:true,align:"center" ,sortable:false},
						{ name: 'createUser', width:160,hidden:true,align:"center" ,sortable:false},  
						{ name: 'createDatetime', width:160,hidden:true,align:"center" ,sortable:false},   
						{ name: 'bankAcctTransType', width:100,align:"center" ,sortable:false},   
						{ name: 'proPrice', width:100, align:"right",sortable:false,
                           formatter:function(cellvalue, options, row){
                               return formatAmount(cellvalue, options, row);
                        }},
                        { name: 'recpCount', width:80, align:"center",sortable:false},
                        { name: 'sumPrice', width:100, align:"right",sortable:false,
                            formatter:function(cellvalue, options, row){
                                return formatAmount(cellvalue, options, row);
                         }},
						{ name: 'delCompId', width:160,hidden:true,align:"center" ,sortable:false},       
						{ name: 'delCompName', width:160,align:"left" ,sortable:false},      
	    				{ name: 'drugCode', width:120,align:"center" ,sortable:false},
	    				{ name: 'drugName', width:160, align:"left",sortable:false},
	    				{ name: 'formName', width:80, align:"center",sortable:false},
	    				{ name: 'specName', width:80, align:"center",sortable:false},
	    				{ name: 'factor', width:80, align:"center",sortable:false},
	    				{ name: 'unit', width:60, align:"center",sortable:false},
	    				{ name: 'materialName', width:60, align:"center",sortable:false},
	    				{ name: 'compName', width:160, align:"left",sortable:false}
	    		   	],
	    			 rowNum: 20,
	    		     rowList: [10, 20, 50, 100],
	    		     rownumbers: true,
	    		     pager: "#gridpage",
	    		     viewrecords: true,
	    		     multiselect: false, 
	    		     caption: "<spring:message code="message.jieSuan.jieSuanDan"/><spring:message code="message.jqGrid.cz.xiangQing"/><spring:message code="message.listForm.lieBiao"/>",
	    		   //序号宽度自动变化
                     gridComplete:function(){
                         //序号列宽度自适应（参数为jqgridID）
                         autoRNWidth("gridlist");
                         //数据只有一条时默认选中（参数为jqgridID）
                         selectByOneData("gridlist");
                     },
	    		     jsonReader: {
	    		         repeatitems: false,
	    		         id: "ids"
	    		     }
	    		});
	            
	            $("#gridlist").jqGrid('navGrid', '#gridpage', { add: false, edit: false, del: false, search: false, refresh: false });
	            
	            $(window).trigger("resize");
	            
	        });
			   
		   //查询
		   function gridSerch() {
		       var drugCode = $.trim($("#drugCode").val());
		       var drugName = $.trim($("#drugName").val());
		       var compName = $.trim($("#compName").val());
		       var bankAcctTransType = $.trim($("#bankAcctTransType").val());
		       $("#gridlist").jqGrid('setGridParam',{  
		           datatype:'json',
		           postData:{
		               "drugCode":drugCode,
		               "drugName":drugName,
		               "compName":compName,
		               "bankAcctTransType":bankAcctTransType},
		           page:1
		       }).trigger("reloadGrid"); //重新载入  
		   }
		 //删除
	        function removeDel(){
	  		    var rowIds = $("#gridlist").jqGrid("getGridParam", "selarrrow") || [];
	  			if (rowIds.length <= 0) {
	  				$.HN.message.alert("<spring:message code="message.jieSuan.qingXuanZheShanChu"/><spring:message code="message.jieSuan.jieSuanDan"/>！", "<spring:message code="message.HN.alert.type"/>", "error");
	  				return;
	  			}
	  			$.HN.message.confirm('<spring:message code="message.jieSuan.queDingShanChuMa"/>', '', '').on(function (e) {
	      			if (e) {
	      				var list = [];
	    	  			for (var i=0; i<rowIds.length; i++) {
	    	  				rowId = rowIds[i];
	    	  				var rowdata = $("#gridlist").jqGrid('getRowData', rowId);
	    	  				list.push({"settlementDetailId":rowdata.settlementDetailId});
	    	  			}
	    	  			$.post("${ctx}/settlementFirst/deleteSetSettlementFirstDetail.html", {
	    	  				"array" : json.jsonToString(list),"settlementId":"${param.settlementId}"
	    	  				}, function(result) {
	    	  					if (result.success) {
	    	  						$.HN.message.alert("<spring:message code="message.HN.alert.success"/>", "<spring:message code="message.HN.alert.type"/>", "success");
	    	  						gridSerch();
	    	  					} else {
	    	  						$.HN.message.alert("<spring:message code="message.HN.alert.fail"/>", "<spring:message code="message.HN.alert.type"/>", "error");
	    	  					}
	    	  				}, "json")
	      			}
	      		});
	      			
	  		
	  		}
			
	</script>
</body>
</html>